<div class="header">
    <header class="clear-fix">
        <div class="img"><img src="/assets/home/imgs/img (16).png" alt=""></div>
        <ul class="menu">
            <li class="is-active"><a href="/">首页</a></li>
            <li><a href="{:url('index/about')}">关于公司</a></li>
            <li><a href="{:url('index/category')}">作品展示</a></li>
            <li><a href="{:url('index/overbooking')}">在线下单</a></li>
            <li><a href="{:url('index/company')}">联系我们</a></li>
        </ul>
    </header>
</div>

<header class="header-hide">
    <div class="hide-img"><img src="/assets/home/imgs/img (16).png" alt=""></div>
    <div class="menu"><img src="/assets/home/imgs/pic.jpg" alt=""></div>
    <ul class="hide-menu">
        <li class="is-active"><a href="/">首页</a></li>
        <li><a href="{:url('index/about')}">关于公司</a></li>
        <li><a href="{:url('index/category')}">作品展示</a></li>
        <li><a href="{:url('index/overbooking')}">在线下单</a></li>
        <li><a href="{:url('index/company')}">联系我们</a></li>
    </ul>
</header>

<script>

  $('.menu').click(function(){
    var $sli = $(this).next()
    if($sli.is(":hidden")){
      $sli.show()
    }else{
      $sli.hide()
    }
  })
</script>
